.columnListDropdown {
  position: absolute;
  width: 320px;
  background: #fff;
  z-index: 1;
  .header.search {
    padding: 0 20px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.13), 0 2px 6px rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid #eee;
    .icon {
      color: #8c8c8c;
      font-size: 18px;
      margin: 10px 0;
    }
    .searchInput {
      height: 36px;
      border: none;
      &.active {
        border-color: #ccc;
      }
      &::placeholder {
        color: #bdbdbd;
      }
    }
  }
  .body.columnlistCon {
    position: relative;
    .columnlist {
      overflow-y: auto;
      overflow-x: hidden;
      max-height: 300px;
      width: 100%;
      border-radius: 0 0 3px 3px;
      .MenuItem:hover {
        .controlTextValue {
          color: rgba(255, 255, 255, .8);
        }
      }
    }
    .emptyText {
      color: #9e9e9e;
      margin: 10px 20px;
    }
  }
  .controlTextValue {
    margin-left: 10px;
    color: #9e9e9e;
  }
}
